const fragment = document.querySelector('#foo').content;

console.log(document.querySelector('p'));  // null 
console.log(fragment.querySelector('p'));  // <p>...</p>
